<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title>Zim - a desktop wiki</title>
	<meta name='Generator' content='[% generator.name %]'>
	<link rel="icon" href="/favicon.ico">
<!--
	<link rel="stylesheet" type="text/css" href="/zim.css">
-->
	<meta name="keywords" content="desktop, wiki, notebook, wikipad, notepad, notes, stickynotes, linux, software">
	<meta name="description" content="Zim is a notepad like desktop application that is inspired by the way people use wikis.">
	<meta name="author" content="jaap.karssenberg@gmail.com">
	<meta name="robots" content="ALL">
	<meta name="revisit" content="15 days">
	<![if !IE]>
	<!-- comment out for IE since it spams the user with warnings -->
	<script type='text/javascript' src='http://code.jquery.com/jquery-1.7.1.js'></script>
	<script type='text/javascript'>
		$(window).load(function(){$("#navigation").height( $("#content").height()+65 );});
	</script>
	<![endif]>
	<style>
		body, html {
			height:100%;
			font-family:'Open Sans', sans-serif;
			line-height:1.5em;
			background-color:#FAFAFA;
			text-rendering:geometricPrecision;
			margin:0;
			padding:0;
		}
		#wrapper {
			height:100%;
			position:relative;
		}
		#navigation {
			background-color:#F3F3F3;
			display:inline-block;
			border-right:1px solid #EAEAEA;
			padding-top:10px;
			padding-right:20px;
			padding-left:20px;
			position:relative;
			float:left;
			min-height:100%;
		}
		#content {
			float:left;
			display:inline-block;
			position:absolute;
			max-width:960px;
			padding-top:10px;
			padding-right:65px;
			padding-left:65px;
			padding-bottom:65px;
		}
		#logo {
			display: block;
			margin-left: auto;
			margin-right: auto;
		}

		a {
			text-decoration: none;
		}
		a:hover {
			text-decoration: underline;
		}
		a:active {
			text-decoration: underline;
		}

		#navigation li {
			list-style-type:none;
		}
		#navigation a {
			color: #555;
			font-weight: 500;
		}

		#content h1,h2,h3,h4,h5,h6 {
			color: #4E9A06;
			margin-bottom: 0;
			font-weight: normal;
		}
		#content p {
			margin-top: 0;
		}
		#content a {
			color: #CE5C00;
		}
		#content strike {
			color: grey;
		}
		#content u {
			text-decoration: none;
			background-color: yellow;
		}
		#content tt {
			color: #2e3436;
		}
		#content pre {
			color: #2e3436;
			margin-left: 20px;
		}

		.checked-box {list-style-image: url()}
		.xchecked-box {list-style-image: url()}
		.unchecked-box {list-style-image: url()}
		ul {list-style-image: none}
		/* ul rule needed to reset style for sub-bullets */

		span.zim-tag {
			color: #ce5c00;
		}
		div.zim-object {
			border-style:solid;
			border-width:1px;
		}

		p.footer {
			padding-top: 45;
			text-align: right;
			color: gray;
		}
	</style>

</head>
<body>

<div id="wrapper">

<div id="navigation">

<div id="logo">
<a href="/index.html"><img src="/images/globe.png" alt="zim logo" border="0"></a>
</div>

<ul>
	<li><a href="/index.html">Home</a></li>
	<li><a href="/manual/About.html">About</a></li>
	<li><a href="/screenshots.html">Screenshots</a></li>
</ul>
<ul>
	<li><a href="/downloads.html">Download</a></li>
</ul>
<ul>
	<li><a href="/manual/FAQ.html">FAQ</a></li>
	<li><a href="/manual/Start.html">Manual</a></li>
	<li><a href="/wiki/">Wiki</a></li>
</ul>
<ul>
	<li><a href="/contribute.html">Contribute</a></li>
	<li><a href="/translations.html">Translations</a></li>
	<li><a href="/manual/Bugs.html">Bugs</a></li>
</ul>
<ul>
	<li><a href="/contact.html">Contact</a></li>
</ul>

</div> <!-- /navigation -->

<div id="content">

<h1 class="header">Zim - A Desktop Wiki</h1>
<br>

<!--[% FOR page IN pages %]-->

[% page.content %]

<!--[% END %]-->

<p class="footer">
	<i>This website was written in Zim !</i>
</p>

</div> <!-- /content -->

</div> <!-- /wrapper -->

</body>
</html>
